.chart-detail {
  height: 100vh;
  // &::before {
  //   content: '';
  //   left: 0;
  //   top: 0;
  //   position: fixed;
  //   height: 25vh;
  //   width: 100vw;
  //   background: #2c72ff;
  //   z-index: -100;
  //   border-bottom-left-radius: 20px;
  //   border-bottom-right-radius: 20px;
  //   overflow: hidden;
  // }
  .nav-bar {
    background-color: #2c72ff;
  }
  .body {
    height: e('calc(100vh - 45px)');
    overflow: scroll;
  }
  // .subtitle {
  //   @height: 1.5em;
  //   color: #eee;
  //   line-height: @height;
  //   height: @height;
  //   text-align: center;
  // }
  .update-time {
    text-align: center;
    font-size: .5em;
    color: #9e9e9e;
  }
  .chart-box {
    min-height: 300px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    .chart-info-list {
      :global {
        am-list-body {
          border: none;
          &::after,
          &::before {
            height: 0;
            width: 0;
            background: transparent;
          }
        }
      }
      .select-measure {
        :global {
          .am-list-line {
            .am-list-content {
              font-size: 15px;
            }

            .am-list-extra {
              font-size: 14px;
              flex-basis: 50%;
            }
          }
        }
      }
    }
  }
  .table-box {
    height: e('calc(100vh - 77px)');
    overflow: hidden;
    width: 100vw;
    background: #fff;
  }
}
.mark-text {
  color: #999;
}
